<template>
    <div class="playground">
        <GameMap />
    </div>

</template>

<script>
import GameMap from './GameMap.vue'


export default {
    components: {
        GameMap
    }

}
</script>
<style scoped>
div.playground {
    width: 60vw;
    height: 70vh;
    margin: 40px auto;
    /* background-color: rgba(146, 132, 181, 0.5); */
}

div.user-photo1 {
    padding-top: 50vh;
    padding-left: 8vw;
}

div.user-photo2 {
    padding-top: 45vh;
    padding-right: 25vw;
}

div.user-photo1>img {
    border-radius: 50%;
    width: 35%;
}

div.user-photo2>img {
    border-radius: 50%;
    width: 50%;
}
</style>